<meta charset="utf-8">
<link href="index.css" rel="stylesheet" type="text/css"/>

<iframe src="middle.html" style="border: solid 2px black"></iframe>

<script src="index.js"></script>
<script>
document.querySelector('iframe').onload = function (event) {
    window.interact = frames[0].interact;

    setInteractables();
};
</script>


<div id="drag-me" class="draggable">
    <p>An element in the TOP frame</p>
</div>

